import React, { Component } from 'react';
import {
    Text,
    StyleSheet,
    View,
    TouchableHighlight,
    } from 'react-native'
import {Actions} from 'react-native-router-flux'

export default class Person extends Component {


    componentWillReceiveProps(next) {
    }

    render() {
      console.log('person render')
      return (
        <View style={{flex:1,backgroundColor:'red'}}>
          <Text style={stlyes.page}>this is home page</Text>
          <TouchableHighlight onPress={() => {
            Actions.push('modal')
          }} style={{height:100,backgroundColor:'yellow'}}>
            <Text>tap me</Text>
          </TouchableHighlight>
        </View>
      )
    };
}


const stlyes = StyleSheet.create({
  page:{
    backgroundColor:'blue',
    fontSize:18,
    flex:1
  }
})